<script setup lang="ts">

</script>

<template>
    <div class="box">
        <header>
            <router-link class="header-logo" to="/"></router-link>
            <router-link to="/login">
                <el-button>登录</el-button>
            </router-link>
            <router-link to="/register">
                <el-button>注册</el-button>
            </router-link>
        </header>
    </div>
</template>

<style lang="scss" scoped>
.box {
    height: 1.2963rem;
    width: 100%;

    header {
        background: grey;
        background-position: bottom;
        background-repeat: repeat no-repeat;
        background-size: auto cover;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;

        .header-logo {
            background-image: url("@/assets/logo/logo.png");
            display: inline-block;
            width: 0.2rem;
            height: 0.1rem;
            line-height: 1.2963rem;
            margin: 0 0.1042rem;
            background-size: cover;
            background-repeat: no-repeat;
            vertical-align: top;
            background-position: center center;
        }
    }
}
</style>
